<template>
  <div class="footer-box">
    <div class="message">友情链接 ：</div>
    <div class="url-list">
      <a href="https://www.baidu.com/" target="_blank">百度</a>
      <a href="https://www.baidu.com/" target="_blank">百度</a>
      <a href="https://www.baidu.com/" target="_blank">百度</a>
      <a href="https://www.baidu.com/" target="_blank">百度</a>
      <a href="https://www.baidu.com/" target="_blank">百度</a>
      <a href="https://www.baidu.com/" target="_blank">百度</a>
      <a href="https://www.baidu.com/" target="_blank">百度</a>
      <a href="https://www.baidu.com/" target="_blank">百度</a>
      <a href="https://www.baidu.com/" target="_blank">百度</a>
      <a href="https://www.baidu.com/" target="_blank">百度</a>
      <a href="https://www.baidu.com/" target="_blank">百度</a>
      <a href="https://www.baidu.com/" target="_blank">百度</a>
      <a href="https://www.baidu.com/" target="_blank">百度</a>
      <a href="https://www.baidu.com/" target="_blank">百度</a>
      <a href="https://www.baidu.com/" target="_blank">百度</a>
      <a href="https://www.baidu.com/" target="_blank">百度</a>
      <a href="https://www.baidu.com/" target="_blank">百度</a>
      <a href="https://www.baidu.com/" target="_blank">百度</a>
    </div>

    <div class="synopsis">
      本站所发布的全部内容源于互联网搬运，仅限于小范围内传播学习和文献参考，请在下载后24小时内删除，如果有侵权之处请第一时间联系我们删除。敬请谅解!
      E-mail：duyunlii@88.com
    </div>

    <div class="pc-tool">
      <p class="tool-item">
        <a href="https://www.baidu.com/" target="_blank">本站SEO信息</a>
      </p>

      <p class="tool-item">
        <a href="https://www.baidu.com/" target="_blank">本站SEO信息</a>
      </p>
    </div>

    <!-- 备案信息 -->
    <div class="filings-info">
      <div class="skill">
        <a href="https://www.baidu.com/" target="_blank"
          >技术支持:道合科技工作室</a
        >
      </div>
      <div class="filings">
        <a href="https://www.baidu.com/" target="_blank">
          Copyright © 2023-2024 下次一定 冀ICP备2021010508号</a
        >
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "comFooter",
  data() {
    return {};
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
.footer-box {
  color: #fff;
  font-size: 12px;
  background-color: #3d4557;
  padding: 20px 180px;
  .url-list {
    margin-top: 20px;
    width: 100%;
    background: rgba(21, 22, 24, 0.4);
    border-radius: 5px;
    padding: 5px 18px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    a {
      color: #fff;
      height: 30px;
      line-height: 30px;
      font-size: 12px;
      text-decoration: none;
      margin-right: 18px;
    }
  }

  .synopsis {
    margin-top: 20px;
  }

  .pc-tool {
    margin-top: 10px;
    font-size: 12px;
    display: flex;

    .tool-item {
      margin-right: 18px;
      a {
        color: #fff;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        text-decoration: none;
      }
    }
  }

  .filings-info {
    margin-top: 10px;

    .skill {
      margin-bottom: 10px;
    }
  }
}

// 媒体查询 最小768px  - 最大1240px
@media screen and (min-width: 992px) and (max-width: 1240px) {
  .footer-box {
    padding: 20px 30px;
    .url-list {
      margin-top: 15px;
    }
    .synopsis {
      line-height: 15px;
    }
  }
}

// 媒体查询 最小769px  - 最大991px
@media screen and (min-width: 769px) and (max-width: 991px) {
  .footer-box {
    padding: 20px;

    .synopsis {
      line-height: 15px;
    }
  }
}

// 媒体查询 最481px - 最大 768px
@media screen and (min-width: 481px) and (max-width: 768px) {
  .footer-box {
    padding: 20px;

    .synopsis {
      line-height: 20px;
    }
  }
}

// 最小屏幕
@media screen and (max-width: 480px) {
  .footer-box {
    padding: 20px 10px;
    .synopsis {
      line-height: 20px;
    }
  }
}
</style>
